<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ECharts</title>
    <!-- 引入刚刚下载的 ECharts 文件 -->
    <script src="../src/echarts.js"></script>
</head>
<body>
   
     <!-- 为 ECharts 准备一个定义了宽高的 DOM -->
     <div id="main" style="width: 600px;height:400px;"></div>
     <script type="text/javascript">
       // 基于准备好的dom，初始化echarts实例
       var myChart = echarts.init(document.getElementById('main'));
      // 指定图表的配置项和数据
      var option = {
    title: {
        text: '某个数据集合的示例',
        subtext: '这是副标题'
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data: ['数据一', '数据二']
    },
    xAxis: {
        type: 'category',
        data: ['一月', '二月', '三月', '四月', '五月', '六月']
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name: '数据一',
            type: 'bar',
            data: [5, 20, 36, 10, 10, 20]
        },
        {
            name: '数据二',
            type: 'bar',
            data: [15, 30, 46, 20, 20, 30]
        }
    ]
};
  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option);
   </script>
</body>
</html>